<%@page import="com.gray.pojo.User"%>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"
	isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'wondefularticle.jsp' starting page</title>
<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
<link rel="stylesheet"
	href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
	<script type="text/javascript" src="<%=basePath%>/js/jquery-3.2.1.js"></script>
<script type='text/javascript'
	src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript'
	src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type="text/javascript"
	src="<%=basePath%>/js/wonderfularticle.js"></script>


</head>

<body>

	<style type="text/css">
      .infinite-scroll-preloader {
        margin-top:-20px;
      }
      </style>

	<div class="page">
		<header class="bar bar-nav"> <a
			class="button button-link button-nav pull-left" href="#"
			data-transition='slide-out'> <span class="icon icon-left"></span>
			返回
		</a>
		<h1 class="title">高点击量文章</h1>
		</header>
		<nav class="bar bar-tab"> <a class="tab-item active" href="#">
			<span class="icon icon-home"></span> <span class="tab-label">首页</span>
		</a> <a class="tab-item" href="#"> <span class="icon icon-me"></span>
			<span class="tab-label">我</span>
		</a> <a class="tab-item" href="#"> <span class="icon icon-star"></span>
			<span class="tab-label">收藏</span>
		</a> <a class="tab-item" href="#"> <span class="icon icon-settings"></span>
			<span class="tab-label">设置</span>
		</a> </nav>
		<div class="content">
			<div class="content infinite-scroll infinite-scroll-bottom" data-distance="50">
				<div  class="list-block">
					<!-- article-item 开始 -->
					<ul class="list-container" id="article-item">
              		</ul>

				</div>
				<!-- article-item 结束 -->
							<!-- 加载提示符 -->
			<div class="infinite-scroll-preloader">
				<div class="preloader"></div>
			</div>
			</div>
		</div>
	</div>


</body>
</html>
